.headerTop {
  height: 60px;
  width: 100%;
  background-color: #333;
  nav {
    display: flex;
    justify-content: space-between;
    ul {
      display: flex;
      flex: 6;
      justify-content: space-between;
      li {
        font-size: 12px;
        line-height: 60px;
        a {
          color: #b0b0b0;
        }
      }
    }
    .LoginModule {
      line-height: 60px;
      flex: 3;
      display: flex;
      justify-content: flex-end;
      // display: none;
      > a {
        margin: 0 20px;
        color: #b0b0b0;
      }
    }
    .LoginNone {
      line-height: 60px;
      flex: 3;
      display: flex;
      justify-content: flex-end;
      display: none;
      > i {
        margin: 0 20px;
        color: #b0b0b0;
        > b {
          color: orange;
        }
      }
    }
    .ShoppingCart {
      display: flex;
      justify-content: flex-end;
      line-height: 60px;
      flex: 1;
      > a {
        color: #b0b0b0;
      }
    }
  }
}
.headerButton {
  display: flex;
  height: 100px;
  // background-color: seagreen;
  ul {
    line-height: 100px;
    display: flex;
    justify-content: space-between;
    .logo {
      display: flex;
    }
    > li {
      > a {
        color: #333;
        font-size: 14px;
      }
    }
    .search {
      > input {
        border: 1px solid #ccc;
        width: 245px;
        height: 50px;
      }
      > a {
        color: #ccc;
        > i {
          margin-left: 10px;
          width: 52px;
          height: 50px;
        }
      }
    }
  }
}
